import Vue from "vue";
import Left from "@/components/Left.vue";

/**
 * 全局过滤器
 * @param: id 过滤器名称
 * @param: definition 处理函数
 */
Vue.filter('customFilter', (val: string) => {
  return val + '--全局过滤器'
});

/**
 * 全局组件
 * @param: id 全局组件的名称
 * @param: definition 组件内部信息
 */
Vue.component('CustomComponent', Left);

/**
 * 全局自定义指令
 * @param: id 指令的名称, 使用时, v-customDirective
 * @param: definition 处理函数
 */
Vue.directive('customDirective', {
  //只调用一次，指令第一次绑定到元素时调用
  bind(el, binding) {
    el.style.color = binding.value
  },
  //所在组件的VNode更新时调用
  update(el, binding, ) {
    el.style.color = binding.value
  }
})

